<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录界面</title>
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <script src="static/jq/jquery.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <style type="text/css">
        .login-wrapper {
            width: 100%;
            height: 100%;
            color: #fff;
        }

        /*img {*/
        /*    width: 60vw;*/
        /*    height: 70vh;*/
        /*}*/

        .login {
            background: #99ccff;
        }
    </style>
</head>
<body>
<div class="container ">
    <div class="position-fixed justify-content-center">
        <img class="bg" src="static/image/bg1.jpg"/>
    </div>
    <div class="d-flex justify-content-center login-wrapper">
        <div class="col-sm-8 col-md-6 col-xl-4 p-4 card align-self-center login">
            <div class="card-header text-center bg-transparent">
                <h4>管理员登录</h4>
            </div>
            <div class="card-body">
                <form action="${pageContext.request.contextPath}/onLogin" name="login" method="post">
                    <span id="label" style="color: red">${msg}</span>
                    <div class="form-group text-left" style="padding-bottom: 10px">
                        <input type="text" class="form-control required" name="amount" placeholder="用户名"
                               autocomplete="off" name="username" autofocus="autofocus" maxlength="32" required>
                        <span></span>
                    </div>
                    <div class="form-group text-left" style="padding-bottom: 5px">
                        <input type="password" class="form-control required" name="password" placeholder="密码"
                               maxlength="32" required>
                        <span></span>
                    </div>
                    <div><span id="sp"></span></div>
                    <div class="form-group form-check text-left">
                        <label>
                            <input type="radio" class="form-check-input" name="manager" checked="checked"
                                   value="1">管理员
                        </label>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <label>
                            <input type="radio" class="form-check-input" name="manager" value="2">超级管理员
                        </label>
                    </div>
                    <div class="form-group" style="padding-top: 6px;">
                        &nbsp;&nbsp;
                        <button type="submit" class="btn btn-primary">登&nbsp;&nbsp;录</button>
                        &nbsp;&nbsp;
                        <button type="reset" class="btn btn-primary">重&nbsp;&nbsp;置</button>
                        &nbsp;&nbsp;
                        <a href="${pageContext.request.contextPath}/re" style="color: #FFFFFF">返回大厅</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>
